<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>连字符断行</title>
    <link rel="stylesheet" href="../public.css">
    <style>
        .box {
            width: 500px;
            margin: 20px auto;
            line-height: 1.5;
            padding: 20px;
            background: yellowgreen;
        }

        .back {
            hyphens: none;
        }

        .back1 {
            hyphens: auto;
        }

        .back2 {
            hyphens: manual;
        }
    </style>
</head>

<body>
    <div class="content">
        <h1>连字符断行</h1>
        <ul>
           
            <li>
                <ul>文本折行的工作原理
                    <li>贪婪算法：每次分析一行，把尽可能多的单词(当连字符可用时则以音节为单位)填充该行；当遇到第一个装不下的单词或者音节时，就移至下一行继续处理</li>
                    <li>Knuth-Plass算法：会把整段文本纳入考虑的范畴，从而产生美学上更令人喜悦的结果，但其计算性能要明显差一些</li>
                    <li>多数桌面文字处理程序采用Knuth-Plass算法，出于性能考虑，浏览器采用的是贪婪算法</li>
                </ul>
            </li>
        </ul>
        <div class="box back ">
            The beta version of the digital yuan wallet app went live on Apple's App Store and Android app stores on
            Tuesday, ready for the broad use by domestic and international customers during the upcoming Beijing Winter
            Olympics
        </div>
        <div class="box back1 ">
            The beta version of the digital yuan wallet app went live on Apple's App Store and Android app stores on
            Tuesday, ready for the broad use by domestic and international customers during the upcoming Beijing Winter
            Olympics
        </div>
        <div class="box back2 ">
            The beta version of the digital yuan wallet app went live on Apple's App Store and Android app stores on
            Tuesday, ready for the broad use by domestic and international customers during the upcoming Beijing Winter
            Olympics
        </div>
       
    </div>
</body>

</html>